  </div>

  <div class="footer-container">
    <div class="container">
      <div class="footer-menu">
        <div class="snippet">
          <h3>FIND & FOLLOW</h3>
          <img id="Image-Maps_1201208301053579" usemap="#Image-Maps_1201208301053579" src="<?php bloginfo('template_url'); ?>/images/social.png" />
          <map id="_Image-Maps_1201208301053579" name="Image-Maps_1201208301053579">
          <area shape="rect" coords="0,0,21,21" href="http://www.facebook.com" alt="Facebook" title="Facebook"    />
          <area shape="rect" coords="26,0,41,21" href="http://www.twitter.com/" alt="Twitter" title="Twitter"    />
          <area shape="rect" coords="0,25,19,40" href="http://www.pinterest.com/" alt="Pinterest" title="Pinterest"    />
          <area shape="rect" coords="26,25,41,40" href="http://www.rss.com/" alt="RSS" title="RSS"    />
          </map>
        </div>
      
        <div class="code snippet">
          <h3>TRACK YOURS</h3>
          <form method="POST">
            <label for="code">TYPE CODE HERE</label>
            <input name="code" id="code" type="text" maxlength="4" autocomplete="off" />
            <button>submit &#9658;</button>
          </form>
        </div>
      </div>
    </div>
  
    <div class="footer">
      <div class="container">
        <div id="ticker" class="query"></div>
        <img src="<?php bloginfo('template_url') ?>/images/twitter-bird.png" class="twitter-bird" />
      </div>
    </div>
  </div>
  
  <script>
    $(document).ready(function(){
      $('.code.snippet label').click(function(){
        $(this).css('display', 'none');
      });
      
      $('.code.snippet input[type="text"]').focusout(function(){
        $(this).val('');
				$('.code.snippet label').css('display', 'block');
      });
      
      // code on submit
      $('.code.snippet form').submit(function(e){
        e.preventDefault();
        
        var val = $(this).find('#code').val();
        if($(this).find('#code').val() == ''){
          val = 'undefined';
        }
        
        $.colorbox({
          width: 750,
          height: 480,
          opacity: 0.9,
          next: '',
          previous: '',
          xhrError: 'You\'ve entered an invalid code. Try Again.',
          href: '<?php bloginfo('url') ?>/track/'+val
        });
      });
    });
  </script>

	<?php wp_footer(); ?>
	
	<!-- Don't forget analytics -->
	
</body>

</html>
